@import '../assets/css/function.scss';

/*表单样式*/
.form{
  .block,.block-nohr{
    margin-bottom: rem(16);
    background: #fff;
    padding: 0 rem(24);
    .group{
      position: relative;
      padding: rem(25) 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      > label{
        font-size: rem(28);
        color: #333;
      }
      > input{
        flex: 1;
        font-size: rem(28);
        color: #333;
        text-align: right;
      }
      .with-bt{
        flex: 1;
        .code-input{
          display: block;
          padding-right: rem(180);
          font-size: rem(28);
        }
        input:disabled{
          border: 0;
          background: #e5e5e5;
          color: #666;
        }
        .codebt{
          position: absolute;
          top: 50%;
          right: 0;
          margin-top: rem(-30);
          width: rem(160);
          height: rem(60);
          font-size: rem(26);
          color: #fff;
          border-radius: 4px;
          background: #72a5ef;
          text-align: center;
        }
      }
    }
    .isSelect{
      input{
        padding-right: rem(30);
      }
    }
    .isSelect:before{
      content: '\e62d';
      position: absolute;
      top: rem(31);
      right: 0;
      bottom: 0;
      width: rem(30);
      text-align: right;
      font-family: "iconfont" !important;
      font-size: 12px;
      color: #B2B2B2;
      font-style:normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .detail-address{
      textarea{
        display: block;
        padding: rem(20) 0;
        resize: none;
        width: 100%;
        height: rem(120);
        font-size: rem(28);
        color: #333;
      }
    }
  }
  .block-nohr{
    margin-bottom: 0;
  }
  .file-block{
    background: #fff;
    h4{
      padding: rem(25) rem(24);
      font-size: rem(28);
      color: #333;
      span{
        color: #999;
      }
    }
    .photo{
      padding: rem(45) 0 rem(95);
      .container{
        position: relative;
      }
      img{
        display: block;
        margin: 0 auto;
        width: rem(400);
      }
      input{
        opacity: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        margin-left: rem(-200);
        width: rem(400);
      }
    }
  }
}
.form-footer{
  height: rem(97);
  font-size: 0;
  .return,.next{
    display: inline-block;
    vertical-align: top;
  }
  .return{
    width: 30%;
    height: rem(97);
    line-height: rem(97);
    font-size: rem(32);
    color: #72a5ef;
    background: #fff;
    .iconfont{
      margin-right: rem(15);
      font-weight: bold;
    }
  }
  .next{
    width: 70%;
    height: rem(97);
    font-size: rem(34);
    color: #fff;
    background: #72a5ef;
  }
}
/*类似于表单的选项链接*/
.form-line-link{
  position: relative;
  display: block;
  height: rem(90);
  line-height: rem(90);
  font-size: rem(30);
  color: #333;
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  &:before{
    content: "\E62D";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 12px;
    color: #666;
  }
}